<template>
  <transition name="el-zoom-in-center" >
    <div class="cu-preview-main records">
      <div class="cu-common-page-header">
        <el-page-header @back="goBack" :content="'转让记录'" />
      </div>
      <el-col :span="24" >
        <custom-table v-loading="loading" :data="list"  :span-method="objectSpanMethod" :hasNO='false'>
          <el-table-column prop="time" label="转让时间" align="center" :formatter="custom.tableDateFormat" width="120" />
          <el-table-column prop="name" label="原投资人" align="center" width="120">
            <template template slot-scope="scope">
              {{ scope.row.contact.name || '' }}
            </template>
          </el-table-column>
          <el-table-column prop="mobile" label="联系电话" align="center" width="150">
            <template template slot-scope="scope">
              {{ scope.row.contact.mobile || '' }}
            </template>
          </el-table-column>
          <el-table-column prop="idNumber" label="身份证号" align="center" width="150">
            <template template slot-scope="scope">
              {{ scope.row.contact.idNumber || '' }}
            </template>
          </el-table-column>
          <el-table-column prop="description" label="转让说明" align="center"/>
          <el-table-column prop="createUserName" label="对接人" align="center"  width="100" />
          <el-table-column prop="appendix" label="附件" align="center"  width="130">
            <template  slot-scope="scope">
              <el-dropdown @command="handleCommandDown" v-if='scope.row.appendix && scope.row.appendix.length > 0'>
                <span class="el-dropdown-link">
                  <el-button type="text">下载</el-button>
                  <i class="el-icon-arrow-down el-icon--right"></i>
                </span>
                <el-dropdown-menu slot="dropdown">
                  <el-dropdown-item v-for="(item, index) in scope.row.appendix"
                                    :key='index'
                                    :command="item.url"
                  >{{item.name}}</el-dropdown-item>
                </el-dropdown-menu>
              </el-dropdown>
            </template>
          </el-table-column>
        </custom-table>
      </el-col>
    </div>
  </transition>
</template>
<script>
export { default } from './index.js'
</script>
<style scoped>
.el-time-spinner__wrapper {
  width: 100% !important;
}
/* @import url(index.scss); */
</style>
